@import '../../../style/font.scss';
@import '../../../style/color.scss';
@import '../../../style/onepx.scss';

.normal-work-page {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  .content-wrap {
    flex-grow: 1;
    position: relative;

    .row-wrap {
      padding: 30px;
      background-color: #FFFFFF;
      @include onepx($normal-border-color, vertical);
      margin-top: 20px;

      .content-wrap {
        font-family: $regular-font-family;
        @include font-dpr(32px);
        color: $title-text-color;
        letter-spacing: 0;
        line-height: 40px;
        height: 80px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
      }

      .content-img-wrap {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;

        .img {
          width: 120px;
          height: 120px;
        }

        .content-wrap {
          padding-left: 15px;
        }
      }

      .time {
        font-family: $regular-font-family;
        @include font-dpr(24px);
        color: $tips-text-color;
        letter-spacing: 0;
        line-height: 24px;
        margin-top: 30px;
      }

    }
  }

  .am-list {
    height:100%;
    border:none;

    .am-list-body {
      padding: 0;
      height:100%;
      background-color: transparent;
      border:none;
    }

    .am-list-footer {
      padding: 0;
    }
  }

}


.normal-work-detail-page {
  height:100%;
  overflow: auto;
  padding: 30px;
  background-color: #FFFFFF;

  .document-title {
    font-family: $regular-font-family;
    @include font-dpr(40px);
    color: #292929;
    letter-spacing: 0;
  }

  .document-time {
    font-family: $regular-font-family;
    @include font-dpr(24px);
    color: $tips-text-color;
    letter-spacing: 0;
    padding-top: 30px;
  }

  .document-content {
    font-family: $regular-font-family;
    @include font-dpr(30px);
    color: $title-text-color;
    letter-spacing: 0;
    padding-top: 60px;
    padding-bottom: 30px;

    >img {
      width: 100%;
      height: 338px;
    }
  }

}

.loading,
.no-more{
  font-family: $regular-font-family;
  @include font-dpr(22px);
  text-align: center;
  color: $tips-text-color;
  letter-spacing: 0;
  padding: 20px 30px;
}



